/* Motion: Blinds
==================================*/
.animate-blinds .item,
.animate-blinds .item {
    visibility: hidden; }

.animate-blinds .item,
.animate-blinds .item {
    -ms-transform: scale3d(0.8, 0, 1);
    -webkit-transform: scale3d(0.8, 0, 1);
    transform: scale3d(0.8, 0, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

.animate-blinds .item-bg-image > img.background,
.animate-blinds .item-bg-image > img.background {
    box-shadow: none;
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

.animate-blinds .in,
.animate-blinds.done > *,
.animate-blinds .in,
.animate-blinds.done > * {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.animate-blinds .in,
.animate-blinds.done .item,
.animate-blinds .in,
.animate-blinds.done .item {
    visibility: visible; }

.animate-blinds .item,
.animate-blinds .item {
    visibility: hidden; }

.animate-blinds .item,
.animate-blinds .item {
    opacity: 0;
    filter: alpha(opacity=0); }

.animate-blinds .in,
.animate-blinds.done,
.animate-blinds .in,
.animate-blinds.done {
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100); }

.animate-blinds .in,
.animate-blinds.done,
.animate-blinds .in,
.animate-blinds.done {
    visibility: visible; }

.animate-blinds.done .in,
.animate-blinds.done .in {
    opacity: 1;
    filter: alpha(opacity=100); }

.animate-blinds .has-mask-reverse:after,
.animate-blinds .has-mask-reverse:after {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.animate-blinds.done .has-mask-reverse:after,
.animate-blinds.done .has-mask-reverse:after {
    opacity: 1;
    filter: alpha(opacity=100); }

.animate-blinds .out,
.animate-blinds .out {
    -ms-transform: scale3d(0, 0, 1);
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1); }

/* Motion: Pan In Left
==================================*/
.animate-pan-in-left,
.animate-pan-in-left {
    background-position: 0% 0%; }

/* Motion: Ripple
==================================*/
.animate-ripple .done,
.animate-ripple .done {
    visibility: hidden; }

.animate-ripple .done,
.animate-ripple .done {
    -ms-transform: scale3d(0.8, 0, 1);
    -webkit-transform: scale3d(0.8, 0, 1);
    transform: scale3d(0.8, 0, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

.animate-ripple .item-bg-image img.background,
.animate-ripple .item-bg-image img.background {
    box-shadow: none;
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

.animate-ripple .in, .animate-ripple.done,
.animate-ripple .in, .animate-ripple.done {
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

.animate-ripple .in, .animate-ripple.done,
.animate-ripple .in, .animate-ripple.done {
    visibility: visible; }

.animate-ripple .item {
    -ms-transform: scale3d(0, 0, 1);
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
    opacity: 0;
    filter: alpha(opacity=0); }

.animate-ripple .item.in {
    opacity: 1;
    filter: alpha(opacity=100); }

.animate-ripple .done {
    visibility: hidden; }

.animate-ripple .done,
.animate-ripple .done {
    -ms-transform: scale3d(0.8, 0, 1);
    -webkit-transform: scale3d(0.8, 0, 1);
    transform: scale3d(0.8, 0, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

/* Uncomment if you want images to fade in after the card

  .animate-ripple .in .item-bg-image img:last-child,
  .animate-ripple .in .item-bg-image img:last-child {
    opacity: 0;
  }

    .animate-ripple.done .item-bg-image img:last-child,
    .animate-ripple.done .item-bg-image img:last-child {
    opacity: 1;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    }

    .animate-ripple .item-bg-image img:last-child,
  .animate-ripple .item-bg-image img:last-child {
    box-shadow: none;
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  .animate-ripple .in .item-bg-image img:last-child,
  .animate-ripple .in .item-bg-image img:last-child {
    opacity: 0;
  }

.animate-ripple.done .item-bg-image img:last-child,
.animate-ripple.done .item-bg-image img:last-child {
  opacity: 1;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.animate-ripple .in,
.animate-ripple .in {
    opacity: 0.6;
}
*/
.animate-ripple .in, .animate-ripple.done, .animate-ripple .in, .animate-ripple.done {
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.animate-ripple .in, .animate-ripple.done, .animate-ripple .in, .animate-ripple.done {
    visibility: visible; }

.animate-ripple.done .in, .animate-ripple.done .in {
    opacity: 1;
    filter: alpha(opacity=100); }

.animate-ripple .has-mask-reverse:after, .animate-ripple .has-mask-reverse:after {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.animate-ripple.done .has-mask-reverse:after, .animate-ripple.done .has-mask-reverse:after {
    opacity: 1;
    filter: alpha(opacity=100); }

.animate-ripple .out, .animate-ripple .out {
    -ms-transform: scale3d(0, 0, 1);
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1); }

/* Motion: Slide / Fade In
==================================*/
.animate-fade-slide-in .item,
.animate-fade-slide-in .item {
    visibility: hidden; }

.animate-fade-slide-in .item,
.animate-fade-slide-in .item {
    -ms-transform: scale3d(0.8, 0, 1);
    -webkit-transform: scale3d(0.8, 0, 1);
    transform: scale3d(0.8, 0, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

.animate-fade-slide-in .item-bg-image img.background,
.animate-fade-slide-in .item-bg-image img.background {
    box-shadow: none;
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

.animate-fade-slide-in .in,
.animate-fade-slide-in.done .item,
.animate-fade-slide-in .in,
.animate-fade-slide-in.done .item {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.animate-fade-slide-in .in,
.animate-fade-slide-in.done .item,
.animate-fade-slide-in .in,
.animate-fade-slide-in.done .item {
    visibility: visible; }

.list .item.item-bg-image,
.list .item.item-bg-image {
    max-height: 150px; }

.animate-fade-slide-in .item,
.animate-fade-slide-in .item {
    visibility: hidden; }

.animate-fade-slide-in .item,
.animate-fade-slide-in .item {
    -ms-transform: translate3d(-250px, 250px, 0);
    -webkit-transform: translate3d(-250px, 250px, 0);
    transform: translate3d(-250px, 250px, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    opacity: 0;
    filter: alpha(opacity=0); }

.animate-fade-slide-in .in,
.animate-fade-slide-in.done,
.animate-fade-slide-in .in,
.animate-fade-slide-in.done {
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100); }

.animate-fade-slide-in .in,
.animate-fade-slide-in.done,
.animate-fade-slide-in .in,
.animate-fade-slide-in.done {
    visibility: visible; }

.animate-fade-slide-in.done .in,
.animate-fade-slide-in.done .in {
    opacity: 1;
    filter: alpha(opacity=100); }

.animate-fade-slide-in .has-mask-reverse:after,
.animate-fade-slide-in .has-mask-reverse:after {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.animate-fade-slide-in.done .has-mask-reverse:after,
.animate-fade-slide-in.done .has-mask-reverse:after {
    opacity: 1;
    filter: alpha(opacity=100); }

.animate-fade-slide-in .out,
.animate-fade-slide-in .out {
    -ms-transform: scale3d(0, 0, 1);
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1); }

/* Motion: Slide In Right
==================================*/
.animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .item {
    visibility: hidden; }

.animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .item {
    -ms-transform: scale3d(0.8, 0, 1);
    -webkit-transform: scale3d(0.8, 0, 1);
    transform: scale3d(0.8, 0, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

.animate-fade-slide-in-right .item-bg-image > img.background,
.animate-fade-slide-in-right .item-bg-image > img.background {
    box-shadow: none;
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

.animate-fade-slide-in-right .in,
.animate-fade-slide-in-right.done > *,
.animate-fade-slide-in-right .in,
.animate-fade-slide-in-right.done > * {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.animate-fade-slide-in-right .in,
.animate-fade-slide-in-right.done .item,
.animate-fade-slide-in-right .in,
.animate-fade-slide-in-right.done .item {
    visibility: visible; }

.animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .item {
    visibility: hidden; }

.animate-fade-slide-in-right .item,
.animate-fade-slide-in-right .item {
    -ms-transform: translate3d(250px, 250px, 0);
    -webkit-transform: translate3d(250px, 250px, 0);
    transform: translate3d(250px, 250px, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    opacity: 0;
    filter: alpha(opacity=0); }

.animate-fade-slide-in-right .in,
.animate-fade-slide-in-right.done,
.animate-fade-slide-in-right .in,
.animate-fade-slide-in-right.done {
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100); }

.animate-fade-slide-in-right .in,
.animate-fade-slide-in-right.done,
.animate-fade-slide-in-right .in,
.animate-fade-slide-in-right.done {
    visibility: visible; }

.animate-fade-slide-in-right.done .in,
.animate-fade-slide-in-right.done .in {
    opacity: 1;
    filter: alpha(opacity=100); }

.animate-fade-slide-in-right .has-mask-reverse:after,
.animate-fade-slide-in-right .has-mask-reverse:after {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.animate-fade-slide-in-right.done .has-mask-reverse:after,
.animate-fade-slide-in-right.done .has-mask-reverse:after {
    opacity: 1;
    filter: alpha(opacity=100); }

.animate-fade-slide-in-right .out,
.animate-fade-slide-in-right .out {
    -ms-transform: scale3d(0, 0, 1);
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1); }

/* Motion: Slide Up
==================================*/
.slide-up,
.slide-up,
.hero.slide-up {
    height: 100%;
    overflow: hidden;
    text-align: center; }

.slide-up {
    -webkit-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.slide-up *,
.slide-up *,
.hero.slide-up * {
    opacity: 0;
    filter: alpha(opacity=0); }

.hero.slide-up + .mid-bar,
.slide-up + .mid-bar,
.slide-up + .mid-bar {
    height: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transform: translate3d(100%, -240px, 0);
    transform: translate3d(100%, -240px, 0); }

/*!
 * Waves v0.5.4
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Forked by Zach Fitzgerald and other contributors for Ionic Material
 *
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 *
 */
.ink, .button-fab, .button-flat, .button-raised, .button-clear, .popup .button {
    position: relative;
    cursor: pointer;
    /*display: inline-block;*/
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }

.ink-ripple {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none; }

.ink-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important; }

.button-fab,
.button-flat,
.button-clear,
.button-raised,
.ink-button,
.ink-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0); }

.button-fab.activated,
.button-flat.activated,
.button-raised.activated,
.button-clear.activated,
.ink-button.activated,
.ink.activated,
.ink-circle.activated,
.popup .button.activated,
.button-fab:active,
.button-flat:active,
.button-raised:active,
.button-clear:active,
.ink-button:active,
.ink:active,
.ink-circle:active,
.popup .button:active {
    -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%); }

.ink-button,
.ink-button:visited,
.ink-button:link,
.button-fab,
.button-fab:visited,
.button-fab:link,
.button-flat,
.button-flat:visited,
.button-flat:link,
.button-raised,
.button-raised:visited,
.button-raised:link,
.button-clear,
.button-clear:visited,
.button-clear:link,
.ink-button-input {
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: none;
    /*  color: inherit; */
    /*  background-color: rgba(0, 0, 0, 0); */
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    z-index: 1; }

.ink-button {
    padding: 10px 15px;
    border-radius: 2px; }

.ink-button-input {
    margin: 0;
    padding: 10px 15px; }

.ink-input-wrapper {
    border-radius: 2px;
    vertical-align: bottom; }

.ink-input-wrapper.ink-button {
    padding: 0; }

.ink-input-wrapper .ink-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1; }

.ink-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%; }

.ink-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); }

.ink-float:active {
    -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }

.ink-block {
    display: block; }

.ink-ripple {
    z-index: 0;
    /* Firefox Bug: link not triggered unless -1 z-index */ }

/* Handled elsewhere
.button-fab,.button-raised,.button-flat,.ink-circle,.list a.item {
    -webkit-mask-image: none;
}
*/
.button-clear .ink-ripple,
*[class$="-clear"] > .ink-ripple,
*[class$="-light"] > .ink-ripple,
*[class$="-stable"] > .ink-ripple,
*[class$="-100"] > .ink-ripple,
.list .ink-ripple,
.ink-dark .ink-ripple {
    background-color: rgba(0, 0, 0, 0.2); }

.tab-item {
    position: relative;
    /* for Ink */ }